<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ include file="page.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head></head>
	<body>
<div class="met-footnav text-center">
    <div class="container">
		<div class="row mob-masonry">
			<div class="col-md-3 col-sm-3 col-xs-6 list masonry-item">
				<h4 class="text-left">关于汇点</h4>
				<ul>
					<li class="text-left"><a href=""  title=""">公司简介</a></li>
					<li class="text-left"><a href=""  title=""">安全保障</a></li>
					<li class="text-left"><a href=""  title=""">诚聘英才</a></li>
					<li class="text-left"><a href=""  title=""">联系方式</a></li>
				</ul>
			</div>
			<div class="col-md-3 col-sm-3 col-xs-6 list masonry-item">
				<h4 class="text-left">服务与支持</h4>
				<ul>
					<li class="text-left"><a href=""  title=""">解决方案</a></li>
					<li class="text-left"><a href=""  title=""">帮助文档</a></li>
					<li class="text-left"><a href=""  title=""">Demo下载</a></li>
					<li class="text-left"><a href=""  title=""">Sdk下载</a></li>
					<li class="text-left"><a href=""  title=""">Cms插件</a></li>
				</ul>
			</div>

<div class="col-md-3 col-sm-3 col-xs-6 list masonry-item">
<h4 class="text-left">咨询联系</h4>
<ul>
	<li class="text-left col-E4 mb-3">
		<div style="width:32px;float:left;text-align:center;"><img src="style/upload/icon-address.png" style="width:22px;margin-top:10px;"></div>
		<div style="width:calc(100% - 32px);float:left;">安徽省阜阳市颍泉区气象大厦12F</div>
		<div class="clearboth"></div>
	</li>
	<li class="text-left col-E4 mb-3 mt-5">
		<div style="width:32px;float:left;text-align:center;"><i class="fa fa-phone" style="font-size:20px;margin-top:10px;"></i></div>
		<div style="width:calc(100% - 32px);float:left;">
			<p class="mb-0">7x12小时客服热线</p>
			<p class="mb-0">0558-1234567</p>
		</div>
		<div class="clearboth"></div>
	</li>
	<li class="text-left col-E4 mb-3 mt-5">
		<div style="width:32px;float:left;text-align:center;"><i class="fa fa-commenting" style="font-size:18px;margin-top:10px;"></i></div>
		<div style="width:calc(100% - 32px);float:left;">
		<p class="mb-0">线上咨询</p><p class="mb-0">周一至周六：9:00~18:00</p>
		</div>
		<div class="clearboth"></div>
	</li>
</ul>
</div>	
<div class="col-md-3 col-sm-3 col-xs-6 list masonry-item">
<h4 class="media-text-left">扫码关注</h4>
<ul>
	<li class="media-text-left"><img src="style/upload/ewm.jpg" style="width:70%;max-width:110px;"></li>
	<li class="col-E4 media-text-left"><div>随时掌握收款动态</div></li>
</ul>
</div>	


<!-- <div class="col-md-3 col-ms-12 col-xs-12 info masonry-item">
	<img src="style/upload/ewm.jpg" style="width:70%;max-width:200px;">

</div> -->



<!--  2017.10注释
			<div class="col-md-3 col-ms-12 col-xs-12 info masonry-item">
				<em><a href="" title=""></a></em>
				<p></p>
				EOT;
				require_once template('modular/foot/social');//社交元素
				echo <<<EOT
			</div>
-->

		</div>
	</div>
</div>
<div class="immediately-box" id="immediately-box" style="display:none;">
	<img src="style/upload/lianxi1.png" width="468">
	<a href="" class="immediately">立即联系</a>
	<a class="immediatelyClose" id="immediatelyClose" href=""></a>
</div>
<script>
	window.onload = function(){
		var item = document.querySelectorAll('.nb-icon-groups-item');
		item[0].style.display = 'none';
		item[1].style.display = 'block'

		var nb_icon_groups = document.querySelectorAll('#nb_icon_groups');
		nb_icon_groups[0].style.width = '0px!important';
		nb_icon_groups[0].style.height = '0px!important';


		if(document.body.clientWidth>900){
			
			

			var elm = document.getElementById('immediately-box');
			var newBridge = document.getElementById('newBridge');
			//elm.style.color = 'black';
			//setTimeout(function(){
				//	elm.style.display = 'block';
				//	newBridge.style.display = 'block';
				//	item[0].style.display = 'block';
				//	nb_icon_groups[0].style.width = '147px!important';
				//	nb_icon_groups[0].style.height = '44px!important';
				//},3000)
			
			document.getElementById("immediatelyClose").onclick = function(e){
				elm.style.display = 'none';
				item[0].style.display = 'none';
				nb_icon_groups[0].style.width = '0px!important';
				nb_icon_groups[0].style.height = '0px!important';
				setTimeout(function(){
					elm.style.display = 'block';
					item[0].style.display = 'block';
					nb_icon_groups[0].style.width = '147px!important';
					nb_icon_groups[0].style.height = '44px!important';
				},30000)
			};
		}
	}
</script>


<footer>

    <div class="container text-center">
		<p>版权所有©2018 阜阳市金狮网络科技有限公司  ALL Rights Reserved.<a target="_blank" href="">皖ICP备17009683号</a> </p>
		<!-- <a href="" target="_blank"><img src="style/upload/anquan.png"></a> -->
    </div>
</footer>
<button type="button" class="btn btn-icon btn-ftop btn-squared met-scroll-top hide"><i class="icon wb-chevron-up" aria-hidden="true"></i></button>
<script src="style/js/metinfo.js"></script>
<script src="style/js/metinfo.js"></script>
<script src="style/js/metinfo.js"></script>

</body>
</html>